<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="./yuma.js"></script>
</head>
<body>
	<div id="root">
		<input type="text" y-model="str">
		<div y-html="str"></div>
		<div y-text="str"></div>
		<div y-html="age"></div>
		<hr/>
		<div>
			<input type="text" y-model="age">
			<div y-html="str"></div>
			<div y-text="str"></div>
			<div y-html="age"></div>
		</div>
	</div>
</body>
<script>
	// input的内容发生改变数据要变
	// 数据发生改变，那么与数据相关的元素属性也要发生改变
	const ym = new Yuma({
		el:"#root",// 所要挂载的元素
		data:{
			str:"<h3>VUE响应式</h3>",
			age:12
		}
	});
	
</script>
</html>